<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>协同智能办公系统-资产管理</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="../../css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../../css/app.css" />
			<style>
			.szj-table {
				width: 100%;
				text-align: left;
			}
			
			.szj-table tr:hover {
				background-color: #D8D8D8;
			}
			
			.szj-table td {
				border-bottom: 1px solid #f4f4f4;
				border-right: 1px solid #f4f4f4;
				height: 45px;
				padding-left: 10px;
				font-size:12px ;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav" style="background-color:#fa1948;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color:#fff"></a>
			<h1 class="mui-title" style="color:#fff">收发文传阅</h1>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="#tabbar">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-chat">
				<span class="mui-icon mui-icon-email"><span class="mui-badge">9</span></span>
				<span class="mui-tab-label">消息</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-contact">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">我的</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-map">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">设置</span>
			</a>
		</nav>
		<div class="mui-content">
			<div style="padding: 10px 10px;">
				<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-negative">
					<a class="mui-control-item mui-active" href="#item1">
						表单
					</a>
					<a class="mui-control-item" href="#item2">
						附件
					</a>
					<a class="mui-control-item" href="#item3">
						流程
					</a>
				</div>
			</div>
			<div>
				<div id="item1" class="mui-control-content mui-active">

					<form class="mui-input-group">
						<div class="mui-input-row">
							<label>文号</label>
							<input type="text" readonly="readonly" value="常帮教 [2017] 0002号">
						</div>
						<div class="mui-input-row">
							<label>签发</label>
							<input type="text" readonly="readonly" value="数据">
						</div>
						<div class="mui-input-row">
							<label>办公室核稿</label>
							<input type="text" readonly="readonly" value="带清除按钮的输入框">
						</div>

						<div class="mui-input-row">
							<label>会签</label>
							<input type="text" readonly="readonly" value="带清除按钮的输入框">
						</div>
						<div class="mui-input-row">
							<label>主办处室</label>
							<input type="text" readonly="readonly" value="带清除按钮的输入框">
						</div>
						<div class="mui-input-row">
							<label>核稿</label>
							<input type="text" readonly="readonly" value="带清除按钮的输入框">
						</div>
						<div class="mui-input-row">
							<label>拟稿</label>
							<input type="text" readonly="readonly" value="带清除按钮的输入框">
						</div>
						<div class="mui-input-row">
							<label>标题</label>
						<input type="text" readonly="readonly"  value="带清除按钮的输入框" >
					</div>
						<div class="mui-input-row">
						<label>主送机关</label>
							<input type="text" readonly="readonly" value="带清除按钮的输入框">
						</div>

					</form>

				</div>
				<div id="item2" class="mui-control-content">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							下载附件1.doc
						</li>
						<li class="mui-table-view-cell">
							下载附件2.doc
						</li>
						<li class="mui-table-view-cell">
							下载附件3.doc
						</li>
					</ul>
				</div>
				<div id="item3" class="mui-control-content">
					<form class="mui-input-group">
				<table cellpadding="0" cellspacing="0" class="szj-table">
					<tr >
							<td>序</td>
						<td>审批环节</td>
						<td>处理人</td>
						<td>同意</td>
						<td>时间</td>
					</tr>
						<tr >
								<td>1</td>
						<td>审批环节</td>
						<td>处理人</td>
						<td>同意</td>
						<td>05-10</td>
					</tr>
						<tr >
							<td>2</td>
						<td>审批环节</td>
						<td>处理人</td>
						<td>同意</td>
						<td>05-11</td>
					</tr>
							<tr >
							<td>3</td>
						<td>审批环节</td>
						<td>处理人</td>
						<td>同意</td>
						<td>05-11</td>
					</tr>
							<tr >
							<td>4</td>
						<td>审批环节</td>
						<td>处理人</td>
						<td>同意</td>
						<td>05-11</td>
					</tr>
							<tr >
							<td>5</td>
						<td>审批环节</td>
						<td>处理人</td>
						<td>同意</td>
						<td>05-11</td>
					</tr>
							<tr >
							<td>6</td>
						<td>审批环节</td>
						<td>处理人</td>
						<td>同意</td>
						<td>05-11</td>
					</tr>

				</table>

			</form>
				</div>
			</div>

		</div>
	</body>
	<script src="js/mui.min.js"></script>

</html>